/* 1111111111111111111111111111111 */
/* banner */
.banner {
	width: 100%;
	height: 100%;
	background-color: #184995;
position: relative;
}
@keyframes more1 {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	33% {
		opacity: 0.2;
		transform: translateY(-10px);
	}

	66% {
		opacity: 0.7;
		transform: translateY(0);
	}
	100% {
		opacity: 1;
		transform: translateY(10px);
	}

}
.banner > a {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	z-index: 50;
	width: 30px;
	height: 36px;
}
.banner > a img {
	position: absolute;
	bottom: 0;
}
.banner > a img:nth-child(1) {
	animation-name: more1;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}
.banner > a img:nth-child(2) {
	bottom: 5px;
	animation-name: more1;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}
@media (max-width:1000px) {
	.banner > a {
		bottom: 100px;
	}
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
}

.banner .swiper-container .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
	z-index: 20;
	background: url(../image/page-1-bg.png) center top;
}

.banner .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide>img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.banner .swiper-slide>img:nth-child(2) {
	display: none;
}

.banner .swiper-pagination {
	width: auto;
	right: auto;
	left: 20px;
	bottom: 110px;
}

.banner .swiper-pagination span {
	opacity: 1;
	background-color: #FFFFFF;
	border-radius: 0;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 1.125rem;
	color: #FFFFFF;
	background: none;
	font-style: italic;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #184995;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.banner .swiper-pagination a {
	display: inline-block;
	margin-left: 30px;
	margin-top: 5px;
	width: 100px;
	height: 36px;
	font-size: 0.875rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
	background-color: #184995;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

@-webkit-keyframes and_none1 {
	from {
		-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
		transform: translate(-50%, -50%) scale3d(1, 1, 1);
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1);
		transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1);
	}
}

.banner .swiper-slide-active>img {
	-webkit-animation: and_none1 10s linear 0s both;
	animation: and_none1 10s linear 0s both;
}

.banner .swiper-slide-active .ban p {
	opacity: 1;
	transform: translate(0, 0);
}

/* swiper-one */
#swiper-one {}

/* swiper-two */
#swiper-two {}

/* swiper-three */
#swiper-three {}


/* 22222222222222222222222222222222222222222222222 */
.page-two {
	padding-top: 21.1vh;
}

.bt-1 {
	/* width: 248px; */
	height: 85px;
	background: url(../image/bt-1-bg.png) no-repeat left top;
}

.bt-1>span {
	display: inline-block;
	font-size: 2.5rem;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 85px;
	position: relative;
	float: left;
}

.bt-1>span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25%;
	height: 4px;
	background-color: #FFFFFF;
}

.bt-1 a {
	position: relative;
	float: right;
	width: 120px;
	height: 40px;
	background-color: #FFFFFF;
	color: #184995;
	font-size: 0.875rem;
	text-align: center;
	line-height: 40px;
	margin-top: 25px;
	overflow: hidden;
	/* box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.bt-1 a::before {
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #30ACFF;
	transform: rotate(135deg);
}

.bt-1 a:hover {
	/* box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.5); */
}

.bt-1 a:hover::before {
	/* left: 100%; */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.bt-1 a span {
	position: relative;
	z-index: 10;
}
.bt-1 a:hover {
	background: #30ADFF;
}
.bt-1 a:hover span {
	color: #FFFFFF;
}

/* 校内新闻-列表 */
.xnxw {
	width: 100%;
	overflow: hidden;
	margin-top: 4vh;
}

.xnxw li {
	float: left;
	width: 31.66%;
}

.xnxw li:nth-child(2) {
	margin: 0 2.5%;
}

.xnxw li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.xnxw li a>span {
	display: inline-block;
	width: 100%;
	position: relative;
	height: 38vh;
	overflow: hidden;
	text-align: center;
}

.xnxw li a>span img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xnxw li * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xnxw li a>span label {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	background: #184995;
	cursor: pointer;
}

.xnxw li a>span label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #30ACFF;
	transform: scale(0, 1);

}

.xnxw li a>span label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #30ACFF;
	transform: scale(1, 0);

}

.xnxw li a>span label span {
	position: relative;
	z-index: 10;
	display: inline-block;
	color: #FFFFFF;
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 50px;
}

.xnxw li a>span label p {
	position: relative;
	z-index: 10;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 600;
}

.xnxw li .name {
	font-size: 1.375rem;
	font-weight: 600;
	margin: 2vh 0;
	position: relative;
	color: #fff;
}

.xnxw li .name span {
	display: inline-block;
	position: relative;
	z-index: 10;
	width: 100%;
	color: #FFFFFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.xnxw li a:hover .name span {
	color: #30ACFF;
}

.xnxw li .det {
	font-size: 1rem;
	color: #99A5B5;
	line-height: 2;
	height: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 3;
}

.xnxw li .nue {
	display: inline-block;
	position: relative;
	background: #99A5B5;
	width: 8px;
	height: 8px;
	border-radius: 50px;
}

.xnxw li .nue::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: #99A5B5;
	border-radius: 50px;
	left: 200%;
}

.xnxw li .nue::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: #99A5B5;
	border-radius: 50px;
	left: 400%;
}


/* ahover */
.xnxw li:hover a>span img {
	transform: scale(1.1, 1.1);
}

.xnxw li:hover a>span label {
	background-color: #30ACFF;
}

.xnxw li:hover a>span label::before,
.xnxw li:hover a>span label::after {
	transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xnxw li:hover .name {
	color: #30ACFF;
}

.xnxw li:hover .name span::before {
	width: 100%;
}

.xnxw li:hover .det {
	color: #FFFFFF;
}

.xnxw li:hover .nue {
	margin-left: 15%;
}

.xnxw li:hover .nue,
.xnxw li:hover .nue::before,
.xnxw li:hover .nue::after {
	background-color: #FFFFFF;
}

.page-three {
	padding-top: 21.5vh;
}

.xwzx-bt {
	display: none;
}

/* xwzx */
#swiper-xwzx {
	width: 100%;
}
.swiper-xwzxbt {
	max-width: 1196px;
	margin: 0 auto;
	padding: 0 60px;
	height: 11.68vh;
	position: relative;
}
#swiper-xwzxbt {
	width: 100%;
}
.swiper-xwzxbt > img {
	position: absolute;
	top: 5px;
	cursor: pointer;
	z-index: 200;
}
@media (max-width:800px) {
	.swiper-xwzxbt > img {
		width: 20px;
		top: 10px;
	}
}
.swiper-xwzxbt > img.lef {
	left: 0;
}
.swiper-xwzxbt > img.rig {
	right: 0;
}
.swiper-xwzxbt::before {
	/* content: ""; */
	position: absolute;
	width: 60px;
	height: 40px;
	left: 0;
	top: 0;
	background: url(../image/xwzx-bg-1.png) no-repeat center center;
}
.swiper-xwzxbt::after {
	/* content: ""; */
	position: absolute;
	width: 60px;
	height: 40px;
	right: 0;
	top: 0;
	background: url(../image/xwzx-bg-1.png) no-repeat center center;
}
#swiper-xwzxbt .swiper-slide {
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 0;
	background: none;
	font-size: 2.25rem;
	color: #184995;
	cursor: pointer;
}
#swiper-xwzxbt .swiper-slide-active {
	/* font-weight: 600; */
}
#swiper-xwzxbt .on {
	font-weight: 600;
}

#swiper-xwzx {
	width: 100%;
}

/* pagination */
#swiper-xwzx .swiper-pagination {
	width: 100%;
	bottom: auto;
	top: 0;
}

#swiper-xwzx .swiper-pagination li {
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 0;
	margin: 0 30px;
	background: none;
	font-size: 2.25rem;
	color: #184995;
	opacity: 1;
}

#swiper-xwzx .swiper-pagination .swiper-pagination-bullet-active {
	font-weight: 600;
}

.xwzx-1 {
	width: 100%;
	height: 60vh;
}

.xwzx-1 li {
	width: 45%;
	height: 15.67vh;
	margin: 0 2.5%;
	float: left;
	position: relative;
	border-bottom: 1px solid #C8D6E9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}



.xwzx-1 li a {
	display: inline-block;
	padding: 3vh 0;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xwzx-1 li label {
	float: left;
	width: 70px;
	height: 100%;
	cursor: pointer;
	text-align: center;
}

.xwzx-1 li label span {
	font-size: 2.25rem;
	color: #184995;
	font-weight: 600;
	border-bottom: 2px solid #184995;
}

.xwzx-1 li label p {
	font-size: 1rem;
	color: #184995;
	font-weight: 600;
}

.xwzx-1 li .det {
	float: left;
	width: calc(100% - 70px);
	padding-left: 5%;
}

.xwzx-1 li .det .name {
	width: 100%;
	font-size: 1.375rem;
	color: #222222;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.xwzx-1 li .det .jj {
	font-size: 1rem;
	color: #888888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	margin-top: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xwzx-1 .more {
	display: inline-block;
	margin: 0 auto;
	background-color: #184995;
	font-size: 0.875rem;
	color: #FFFFFF;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	bottom: 5px;
	transform: translate(0, 500px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	/* transition-delay: 0.5s; */
}

.xwzx-1 .more span {
	position: relative;
	z-index: 10;
}

#swiper-xwzx .swiper-slide-active .xwzx-1 .more {
	transform: translate(0, 0);
}

.xwzx-1 .more::before {
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #2994EB;
	transform: rotate(135deg);
}

.xwzx-1 .more::after {
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #CEBCA0;
	transform: rotate(135deg);
}
.xwzx-1 .more:hover::before {
	/* left: 100%; */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.xwzx-1 .more:hover::after {
	/* left: 100%; */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.3s;
}
.xwzx-1 .more:hover {
	background: #30ADFF;
	color: #FFFFFF;
}


.xwzx-1 li:hover a {
	/* padding-left: 10px; */
	/* padding-right: 10px; */
}
.xwzx-1 li:hover a .det .name {
	color: #184995;
	font-weight: 600;
}

.xwzx-1 li:hover::after {
	height: 100%;
	transition-delay: 0.5s;
}

.xwzx-1 li:hover a::before {
	width: 100%;
	transition-delay: 0.5s;
}

/* 44444444444444444444444444 */
@keyframes bgMove {
	0% {
		background-position: 50% 50%
	}

	15% {
		background-position: 100% 50%
	}

	17.5% {
		background-position: 100% 100%
	}

	47.5% {
		background-position: 0 100%
	}

	52.5% {
		background-position: 0 100%
	}

	82.5% {
		background-position: 100% 100%
	}

	85% {
		background-position: 100% 50%
	}

	100% {
		background-position: 50% 50%
	}
}

.page-four {
	background-position: 50% 50%;
	-webkit-animation: bgMove 200s infinite linear forwards;
	-moz-animation: bgMove 200s infinite linear forwards;
	animation: bgMove 200s infinite linear forwards
}

.page-four::before {
content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(28,67,138,0.4); */
}

.mdsl {
	width: 100%;
	padding: 0 10px;
	max-width: 1400px;
	padding-top: 25vh;
	margin: 0 auto;
position: relative;
}

.mdsl-bt {
	width: 100%;
	text-align: center;
}

.mdsl-bt img {
	max-width: 80%;
	display: inline-block;
}

.mdsl-det {
	width: 100%;
	margin-top: 3vh;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.mdsl-det p {
	margin: 1vh 0;
	text-align: justify;
	text-indent: 2rem;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.mdsl-ul {
	width: 100%;
	overflow: hidden;
	margin-top: 7vh;
}

.mdsl-ul li {
	width: 20%;
	float: left;
	text-align: center;
}

.mdsl-ul li i {
	display: inline-block;
	width: 100%;
	height: 8vh;
	position: relative;
}

.mdsl-ul li i img {
	max-width: 70%;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mdsl-ul li .det {
	display: inline-block;
	overflow: hidden;
}

.mdsl-ul li .numone {
	display: inline-block;
	font-family: "宋体";
	height: 66px;
	line-height: 66px;
	font-size: 2.25rem;
	color: #FFFFFF;
	float: left;
}

.mdsl-ul li .numtwo {
	display: inline-block;
	line-height: 66px;
	font-size: 2.25rem;
	color: #FFFFFF;
	float: left;
}

.mdsl-ul li .jj {
	width: 100%;
	font-size: 0.875rem;
	color: #FFFFFF;
	margin-top: 1vh;
}

/* 555555555555555555555555555 */
.page-five {
	width: 100%;
}

.yxsz {
	padding-top: 23.77vh;
}

#swiper-yx {
	width: 100%;
	height: 70vh;
}

#swiper-yx .swiper-wrapper {}

#swiper-yx a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 50%;
	background-color: #F5F6F7;
}

#swiper-yx a>img {
	height: 100%;
	min-width: 100%;
	min-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#swiper-yx a .bt-3 {
	position: absolute;
	width: 82%;
	height: 67%;
	top: 16.5%;
	left: 9%;
}

#swiper-yx a .bt-3>span {
	display: inline-block;
	width: 100%;
	padding-top: 4.5vh;
}

#swiper-yx a .bt-3>span span {
	display: inline-block;
	display: none;
	position: relative;
	left: 0;
	/* font-family: "zt-1.ttf"; */
	color: #FFFFFF;
	font-size: 3rem;
	text-shadow: 0 10px 1px rgba(0, 0, 0, 0.3);
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper-yx a .bt-3>span img {
	max-width: 90%;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#swiper-yx a .bt-3>span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 10%;
	height: 4px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#swiper-yx a .bt-3 .det {
	display: inline-block;
	position: relative;
	left: 0;
	font-family: "仿宋";
	font-weight: 600;
	font-size: 1.5rem;
	color: #FFFFFF;
	text-shadow: 0 5px 1px rgba(0, 0, 0, 0.3);
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#swiper-yx a .bt-3 .more {
	font-family: "仿宋";
	font-weight: 600;
	text-shadow: 0 5px 1px rgba(0, 0, 0, 0.3);
	font-size: 1.375rem;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: -100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#swiper-yx a:hover .bt-3>span span {
	left: 50%;
	transform: translate(-50%, 0);
}
#swiper-yx a:hover .bt-3>span img {
	left: 50%;
	transform: translate(-50%, 0);
}

#swiper-yx a:hover .bt-3 .det {
	left: 50%;
	transform: translate(-50%, 0);
}

#swiper-yx a:hover .bt-3 span::before {
	left: 45%;
}

#swiper-yx a:hover .bt-3 .more {
	right: 9%;
}

#swiper-yx a:hover>img {
	transform: translate(-50%, -50%) scale(1.1, 1.1);
}

#swiper-yx a .bt-3 label {
	font-size: 2.75rem;
	color: #FFFFFF;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	background: url(../image/5-6-1.png) no-repeat left top;
	padding-top: 5vh;
}

#swiper-yx a .bt-3 .all {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 25px;
	font-size: 1rem;
	color: #333333;
	background: url(../image/5-6-2.png) no-repeat left center;
}

#swiper-yx a .bt-36 .more {
	color: #fff;
}

#swiper-yx .swiper-pagination {}

#swiper-yx .swiper-pagination span {
	width: 20px;
	border-radius: 50px;
	opacity: 1;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#swiper-yx .swiper-pagination .swiper-pagination-bullet-active {
	width: 30px;
	background-color: #0074E8;
	/* box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3); */
}


/* 666666666666666666666666666666666 */
.page-six {
	padding-top: 16.3vh;
}
.page-six canvas {
	position: absolute;
	left: 0;
	top: 0;
}

.xzbm {
	position: relative;
	z-index: 10;
	height: 80vh;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1400px;
}

#swiper-ld {
	padding-bottom: 5vh;
}

#swiper-ld .swiper-slide {
	height: 50%;
	padding-top: 4vh;
	text-align: center;
}

#swiper-ld .swiper-slide a {
	display: inline-block;
	width: 80%;
	height: 100%;
	border-radius: 5px;
	padding: 0 13%;
	padding-top: 2vh;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.1);
	/* box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4); */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
#swiper-ld .swiper-slide a:hover {
	transform: translate(0,-2vh) scale(1.05);
	/* box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.4); */
}

#swiper-ld .one {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 1vh;
}

#swiper-ld .one .img {
	display: inline-block;
	width: 150px;
	overflow: hidden;
	height: 150px;
	border-radius: 50%;
}

#swiper-ld .one .img img {
	width: 102%;
	transform: translateY(-18px);
	margin-left: -1%;
}

#swiper-ld .one .name {
	font-size: 1.375rem;
	color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
#swiper-ld .swiper-slide a:hover .name {
	font-weight: 600;
}

#swiper-ld .one .zw {
	font-size: 0.875rem;
	color: #BFC5D3;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

#swiper-ld .det {
	font-size: 1rem;
	color: #FFFFFF;
	margin-top: 15px;
	height: 50.44px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}
#swiper-ld .swiper-pagination {}

#swiper-ld .swiper-pagination span {
	width: 14px;
	height: 14px;
	border-radius: 50px;
	opacity: 1;
	margin: 0 8px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#swiper-ld .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #0074E8;
	/* box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3); */
}

/* 7777777777777777777777777777777 */
.page-seven {
	padding-top: 100px;
}
.xyfc {
	width: 100%;
	height: 100%;
}
.xyfc a {
	display: inline-block;
	position: relative;
	float: left;
	overflow: hidden;
	height: 50%;
	background-color: #175AAD;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.xyfc a:nth-child(2n+1) {
	background-color: #6F90B9;
}
.xyfc a img {
	min-width: 100%;
	min-height: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	transition-delay: .5s;
}
.xyfc a:nth-child(1) img {
	top: 150%;
}
.xyfc a:nth-child(2) img {
	left: 150%;
}
.xyfc a:nth-child(3) img {
	top: -100%;
}
.xyfc a:nth-child(4) img {
	top: -100%;
}
.xyfc a:nth-child(5) img {
	left: -100%;
}
.xyfc a:nth-child(6) img {
	left: 150%;
}
.xyfc a:nth-child(7) img {
	top: 150%;
}
.xyfc a .on {
	transition-delay: 0s!important;
	opacity: 1;
	left: 50%!important;
	top: 50%!important;
	transform: translate(-50%,-50%);
	z-index: 20;
}
.xyfc a:hover img {
	transform: translate(-50%,-50%) scale(1.1);
}
.xyfc a:nth-child(1) {
	width: 25.1%;
}
.xyfc a:nth-child(2) {
	width: 41.66%;
}
.xyfc a:nth-child(3) {
	width: 33.24%;
}
.xyfc a:nth-child(4) {
	width: 20.83%;
}
.xyfc a:nth-child(5) {
	width: 20.83%;
}
.xyfc a:nth-child(6) {
	width: 33.125%;
}
.xyfc a:nth-child(7) {
	width: 25.125%;
}


/* 888888888888888888888888888888 */
.page-eight {
	padding-top: 114px;
}
.zzjg {
	width: 100%;
	padding: 0 10px;
}
.zzjg-1 {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	height: 65vh;
	padding-top: 10vh;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.zzjg-2 {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	height: 24vh;
}
.zzjg-2 p {
	width: 100%;
	text-align: center;
}
.zzjg-2 .det {
	margin-top: 4vh;
}
.zzjg-2 .det span {
	display: inline-block;
	font-size: 0.875rem;
	color: #B8B9BC;
	margin: 0 10px;
}
.zzjg-2 .det span a {
	font-size: 0.875rem;
	color: #B8B9BC;
}
.zzjg-2 .det span a:hover {
	color: #FFFFFF;
}
.zzjg-2 .det .bei {
	padding-left: 20px;
	background: url(../image/bei.png) no-repeat left center;
}
.zzjg-2 .ma {
	margin-top: 2vh;
}

#swiper-zz {
	
}
#swiper-zz .swiper-slide {
	height: 50%;
	text-align: center;
}
#swiper-zz .swiper-slide a {
	display: inline-block;
	overflow: hidden;
	position: relative;
	max-width: 200px;
	width: 90%;
	height: 80%;
	border-radius: 10px;
	/* background-color: rgba(255,255,255,0.1); */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper-zz .swiper-slide .img {
	width: 100%;
	height: 70%;
	position: relative;
	z-index: 2;
}
#swiper-zz .swiper-slide .img img {
	margin-top: 3vh;
	max-width: 50%;
	max-height: 60%;
}
#swiper-zz .swiper-slide p {
	font-size: 1.5rem;
	color: #FFFFFF;
	position: relative;
	z-index: 2;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
#swiper-zz .swiper-slide a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #278DD2;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper-zz .swiper-slide a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #278DD2;
	border-radius: 50%;
	transform: scale(0);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper-zz .swiper-slide a:hover {
	transition-delay: 0.5s;
	/* box-shadow: 0 0 15px 1px rgba(255,255,255,0.6); */
}
#swiper-zz .swiper-slide a:hover::before ,
#swiper-zz .swiper-slide a:hover::after {
	transform: scale(1);
	opacity: 1;
	border-radius: 10px;
}

/* pagetion */
#swiper-zz .swiper-pagination {
	
}
#swiper-zz .swiper-pagination span {
	opacity: 1;
	border-radius: 50px;
	background: #FFFFFF;
	width: 30px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper-zz .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #278DD2;
}